<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String col = request.getParameter("col");
%>
<html>
<head>
    <title>Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.js"></script>
</head>
<style>
    .fl {
        float: left;
    }

    .fr {
        float: right;
    }

    body {
        margin: 0;
    }

    .pg-header {
        text-align: center;
        margin: 0 auto;
        height: 48px;
        background-color: #2369ec;
        font-size: x-large;
    }

    .pg-content .menu {
        width: 200px;
        position: fixed;
        top: 48px;
        left: 0;
        bottom: 0;
        background-color: #3fcfe8;
    }

    .pg-content .content {
        position: fixed;
        top: 48px;
        left: 200px;
        right: 0;
        bottom: 0;
        overflow: auto;
    }
</style>
<body>
<div class="pg-header" >家庭辅导平台教师端</div>
<div class="pg-content">
    <div class="menu fl">
        <ul class="nav">
            <li >
                个人信息修改
                <ul class="sub">
                    <li ><a href="javascript:void(0);" onclick="loadPage('updateTeacherMessage');">信息修改</a> </li>
                </ul>
            </li>
            <li >
                教学管理
                <ul class="sub">
                    <li ><a href="javascript:void(0);" onclick="loadPage('ltime');">授课时间</a> </li>
                    <li><a href="javascript:void(0);" onclick="loadPage('lgrade');">授课年级</a> </li>
                    <li><a href="javascript:void(0);" onclick="loadPage('lproject');">授课科目</a> </li>
                </ul>
            </li>
            <li >
                订单管理
                <ul class="sub">
                    <li><a href="javascript:void(0);" onclick="loadPage('commitOrder');">确认接受订单</a> </li>

                </ul>
            </li>
            <li>
                <a href="exit">退出</a>
            </li>
        </ul>
    </div>

    <div class="content">
        <div id="content">

        </div>

    </div>
</div>
<div class="pg-footer"></div>
<script type="text/javascript">

    function loadPage(url){
        $.ajax({
            url:url,
            cache:false,
            async:true,
            dataType:'html',
            success:function (data){
                document.getElementById("content").innerHTML=data;

                alert("成功")
            },error:function (){
                alert("失败")

            }
        });
    }

</script>
</body>
</html>